// //左上 柱状图
 $.get('http://127.0.0.1:5000/task1').done(function (data) {
         var myCharts = echarts.init(document.querySelector('.panel .bar1'))
//         option = {
//             "title": {
//                 "text": "非酒精饮料商品数量",
//                 subtext: "购物篮数据",
//                 x: "center",
//                 y: "4%",
//                 textStyle: {
//                     color: '#fff',
//                     fontSize: '18'
//                 },
//                 subtextStyle: {
//                     color: '#fff',
//                     fontSize: '10',

//                 },
//             },
//             tooltip: {
//                 trigger: 'axis',
//                 axisPointer: {
//                     type: 'shadow'
//                 }
//             },
//             grid: {
//                 top: '25%',
//                 right: '3%',
//                 left: '10%',
//                 bottom: '35%'
//             },
//             xAxis: [{
//                 type: 'category',
//                 data: data.name,
//                 axisLine: {
//                     lineStyle: {
//                         color: 'rgba(255,255,255,0.12)'
//                     }
//                 },
//                 axisLabel: {
//                     margin: 10,
//                     color: '#e2e9ff',
//                     rotate:30,
//                     textStyle: {
//                         fontSize: 13
//                     },
//                 },
//             }],
//             yAxis: [{
//                 name: '商品数',
//                 axisLabel: {
//                     formatter: '{value}',
//                     color: '#e2e9ff',
//                 },
//                 axisLine: {
//                     show: false,
//                     lineStyle: {
//                         color: 'rgba(255,255,255,1)'
//                     }
//                 },
//                 splitLine: {
//                     lineStyle: {
//                         color: 'rgba(255,255,255,0.5)'
//                     }
//                 }
//             }],
//             series: [{
//                 type: 'line',
//                 data: data.value,
//                 // barWidth: '20px',
//                 itemStyle: {
//                     normal: {
//                         color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
//                             offset: 0,
//                             color: 'rgba(0,244,255,1)' // 0% 处的颜色
//                         }, {
//                             offset: 1,
//                             color: 'rgba(0,77,167,1)' // 100% 处的颜色
//                         }], false),
//                         barBorderRadius: [30, 30, 30, 30],
//                         shadowColor: 'rgba(0,160,221,1)',
//                         shadowBlur: 4,
//                     }
//                 }
//             }]
//         };
option = {
    xAxis: {},
    yAxis: {},
    series: [
      {
        symbolSize: 10,
        data: [
          [10.0, 8.04],
          [8.07, 6.95],
          [13.0, 7.58],
          [9.05, 8.81],
          [11.0, 8.33],
          [14.0, 7.66],
          [13.4, 6.81],
          [10.0, 6.33],
          [14.0, 8.96],
          [12.5, 6.82],
          [9.15, 7.2],
          [11.5, 7.2],
          [3.03, 4.23],
          [12.2, 7.83],
          [2.02, 4.47],
          [1.05, 3.33],
          [4.05, 4.96],
          [6.03, 7.24],
          [12.0, 6.26],
          [12.0, 8.84],
          [7.08, 5.82],
          [5.02, 5.68]
        ],
        type: 'scatter'
      }
    ]
  };
        myCharts.setOption(option)

     })
